﻿@model Fengsoft.AIBlog.Web.Models.HomeIndexModel
@{
    ViewBag.Title=SiteConfiguration.CombineTitle(HomeResource.MainPageTitle);
    Layout = "~/Views/Shared/_HeaderFooterLayout.cshtml";
}
@section head{
    <!-- CSS Page Style -->
    <link rel="stylesheet" href="~/assets/css/pages/blog.css" />
}
@section scripts{

}
<!--=== Breadcrumbs ===-->
<div class="breadcrumbs">
    <div class="container">
        <h1 class="pull-left">@HomeResource.MainPageDescription</h1>
        @*<ul class="pull-right breadcrumb">
            <li><a href="index-2.html">Home</a></li>
            <li><a href="#">Features</a></li>
            <li class="active">Blog Right Sidebar</li>
        </ul>*@
    </div>
</div><!--/breadcrumbs-->
<!--=== End Breadcrumbs ===-->
<!--=== Content Part ===-->
<div class="container content">
    <div class="row blog-page">
        <!-- Left Sidebar -->
        <div class="col-md-9">
            @*@Html.Partial("_juicyadspartial","Leaderboard")*@
            @Html.Partial("_carouselpartial",Model.Carousel)
            @*@Html.Partial("_plugrushpartial","Leaderboard")*@
            <hr class="margin-bottom-30" />
            @Html.Partial("_thumbnailspartial",Model.Gallery)
            @*<!-- Bordered Funny Boxes -->
            <div class="funny-boxes funny-boxes-top-sea">
                <div class="row">
                    <div class="col-md-4 funny-boxes-img">
                        <img alt="" src="~/assets/img/new/img10.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                            <li><i class="fa fa-briefcase"></i> Dell, Google</li>
                            <li><i class="fa fa-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Turquoise Bordered Box</a></h2>
                        <ul class="list-unstyled funny-boxes-rating">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                    </div>
                </div>
            </div>
            <!-- End Bordered Funny Boxes -->
            <!-- Colored Funny Boxes -->
            <div class="funny-boxes funny-boxes-colored funny-boxes-blue">
                <div class="row">
                    <div class="col-md-4 funny-boxes-img">
                        <img alt="" src="~/assets/img/new/img5.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                            <li><i class="fa fa-briefcase"></i> Dell, Google</li>
                            <li><i class="fa fa-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Blue Box</a></h2>
                        <ul class="list-unstyled funny-boxes-rating">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-red" href="#">read more</a>
                    </div>
                </div>
            </div>
            <!--End Colored Funny Boxes -->
            <!-- Bordered Funny Boxes -->
            <div class="funny-boxes funny-boxes-left-orange">
                <div class="row">
                    <div class="col-md-4 funny-boxes-img">
                        <img alt="" src="~/assets/img/new/img11.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                            <li><i class="fa fa-briefcase"></i> Dell, Google</li>
                            <li><i class="fa fa-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Orange Bordered Box</a></h2>
                        <ul class="list-unstyled funny-boxes-rating">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                    </div>
                </div>
            </div>
            <!-- End Bordered Funny Boxes -->
            <!-- Colored Funny Boxes -->
            <div class="funny-boxes funny-boxes-colored funny-boxes-red">
                <div class="row">
                    <div class="col-md-4 funny-boxes-img">
                        <img alt="" src="~/assets/img/new/img7.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                            <li><i class="fa fa-briefcase"></i> Dell, Google</li>
                            <li><i class="fa fa-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Red Box</a></h2>
                        <ul class="list-unstyled funny-boxes-rating">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-blue" href="#">read more</a>
                    </div>
                </div>
            </div>
            <!-- Colored Funny Boxes -->
            <!-- Bordered Funny Boxes -->
            <div class="funny-boxes funny-boxes-right-u">
                <div class="row">
                    <div class="col-md-4 funny-boxes-img">
                        <img alt="" src="~/assets/img/new/img10.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                            <li><i class="fa fa-briefcase"></i> Dell, Google</li>
                            <li><i class="fa fa-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Unify Bordered Box</a></h2>
                        <ul class="list-unstyled funny-boxes-rating">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                    </div>
                </div>
            </div>
            <!-- End Bordered Funny Boxes -->
            <!-- Colored Funny Boxes -->
            <div class="funny-boxes funny-boxes-colored funny-boxes-grey">
                <div class="row">
                    <div class="col-md-4 funny-boxes-img">
                        <img alt="" src="~/assets/img/new/img8.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                            <li><i class="fa fa-briefcase"></i> Dell, Google</li>
                            <li><i class="fa fa-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Grey Box</a></h2>
                        <ul class="list-unstyled funny-boxes-rating">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star-o"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-dark" href="#">read more</a>
                    </div>
                </div>
            </div>
            <!-- Colored Funny Boxes -->*@
        </div>
        <!-- End Left Sidebar -->
        <!-- Right Sidebar -->
        <div class="col-md-3">
            @*@Html.Partial("_juicyadspartial","Skyscraper")*@
            @*@Html.Partial("_plugrushpartial","Skyscraper")*@
            <!-- Social Icons -->
            <div class="magazine-sb-social margin-bottom-30">
                <div class="headline headline-md">
                    <h2>@HomeResource.ShareTitle</h2>
                </div>
                <ul class="social-icons social-icons-color">
                    @*<li><a class="social_rss" data-original-title="Feed" href="#"></a></li>*@
                    <li>
                        <a class="social_facebook" data-original-title="Facebook" href="https://www.facebook.com/asianidols4u"></a>
                    </li>
                    @*<li><a class="social_twitter" data-original-title="Twitter" href="#"></a></li>
                    <li><a class="social_vimeo" data-original-title="Vimeo" href="#"></a></li>
                    <li><a class="social_googleplus" data-original-title="Goole Plus" href="#"></a></li>
                    <li><a class="social_pintrest" data-original-title="Pinterest" href="#"></a></li>
                    <li><a class="social_linkedin" data-original-title="Linkedin" href="#"></a></li>
                    <li><a class="social_dropbox" data-original-title="Dropbox" href="#"></a></li>
                    <li><a class="social_picasa" data-original-title="Picasa" href="#"></a></li>
                    <li><a class="social_spotify" data-original-title="Spotify" href="#"></a></li>
                    <li><a class="social_jolicloud" data-original-title="Jolicloud" href="#"></a></li>
                    <li><a class="social_wordpress" data-original-title="Wordpress" href="#"></a></li>
                    <li><a class="social_github" data-original-title="Github" href="#"></a></li>
                    <li><a class="social_xing" data-original-title="Xing" href="#"></a></li>*@
                </ul>
                <div class="clearfix"></div>
            </div>
            <!-- End Social Icons -->
            <!-- Posts -->
            @*<div class="posts margin-bottom-40">
                <div class="headline headline-md">
                    <h2>@HomeResource.RecentPostTitle</h2>
                </div>
                <dl class="dl-horizontal">
                    <dt><a href="#"><img src="~/assets/img/sliders/elastislide/6.jpg" alt="" /></a></dt>
                    <dd>
                        <p><a href="#">Responsive Bootstrap 3 Template placerat idelo alac eratamet.</a></p>
                    </dd>
                </dl>
                <dl class="dl-horizontal">
                    <dt><a href="#"><img src="~/assets/img/sliders/elastislide/10.jpg" alt="" /></a></dt>
                    <dd>
                        <p><a href="#">100+ Amazing Features Layer Slider, Layer Slider, Icons, 60+ Pages etc.</a></p>
                    </dd>
                </dl>
                <dl class="dl-horizontal">
                    <dt><a href="#"><img src="~/assets/img/sliders/elastislide/11.jpg" alt="" /></a></dt>
                    <dd>
                        <p><a href="#">Developer Friendly Code imperdiet condime ntumi mperdiet condim.</a></p>
                    </dd>
                </dl>
            </div>*@<!--/posts-->
            <!-- End Posts -->
            @*<!-- Tabs Widget -->
            <div class="headline headline-md"><h2>Tabs Widget</h2></div>
            <div class="tab-v2 margin-bottom-40">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#home-1">About Us</a></li>
                    <li><a data-toggle="tab" href="#home-2">Quick Links</a></li>
                </ul>
                <div class="tab-content">
                    <div id="home-1" class="tab-pane active">
                        <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac ac adipiscing nunc.</p> <p>Pellentesque fermentum, ante ac felis consectetur id. Donec eget orci metusvivamus imperdiet.</p>
                    </div>
                    <div id="home-2" class="tab-pane magazine-sb-categories">
                        <div class="row">
                            <ul class="list-unstyled col-xs-6">
                                <li><a href="#">Best Sliders</a></li>
                                <li><a href="#">Parralax Page</a></li>
                                <li><a href="#">Backgrounds</a></li>
                                <li><a href="#">Parralax Slider</a></li>
                                <li><a href="#">Responsive</a></li>
                                <li><a href="#">800+ Icons</a></li>
                            </ul>
                            <ul class="list-unstyled col-xs-6">
                                <li><a href="#">60+ Pages</a></li>
                                <li><a href="#">Layer Slider</a></li>
                                <li><a href="#">Bootstrap 3</a></li>
                                <li><a href="#">Fixed Header</a></li>
                                <li><a href="#">Best Template</a></li>
                                <li><a href="#">And Many More</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Tabs Widget -->*@
            <!-- Photo Stream -->
            @*<div class="headline headline-md">
                <h2>@HomeResource.PhotoStreamTitle</h2>
            </div>
            <ul class="list-unstyled blog-photos margin-bottom-30">
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/5.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/6.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/8.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/10.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/11.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/1.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/2.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="~/assets/img/sliders/elastislide/7.jpg"></a></li>
            </ul>*@
            <!-- End Photo Stream -->
            @*<!-- Blog Latest Tweets -->
            <div class="blog-twitter">
                <div class="headline headline-md"><h2>Latest Tweets</h2></div>
                <div class="blog-twitter-inner">
                    <i class="icon-twitter"></i>
                    <a href="#">@@htmlstream</a>
                    At vero eos et accusamus et iusto odio dignissimos.
                    <a href="#">http://t.co/sBav7dm</a>
                    <span>5 hours ago</span>
                </div>
                <div class="blog-twitter-inner">
                    <i class="icon-twitter"></i>
                    <a href="#">@@htmlstream</a>
                    At vero eos et accusamus et iusto odio dignissimos.
                    <a href="#">http://t.co/sBav7dm</a>
                    <span>5 hours ago</span>
                </div>
                <div class="blog-twitter-inner">
                    <i class="icon-twitter"></i>
                    <a href="#">@@htmlstream</a>
                    At vero eos et accusamus et iusto odio dignissimos.
                    <a href="#">http://t.co/sBav7dm</a>
                    <span>5 hours ago</span>
                </div>
            </div>
            <!-- End Blog Latest Tweets -->*@
        </div>
        <!-- End Right Sidebar -->
    </div>
</div>
<!--=== End Content Part ===-->